<!doctype html>
<html class="effect">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
    <link type="text/css" href="css/bxslider.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link type="text/css" href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/4093m.css?v2.0">
    <title></title>
    <script type="text/javascript">
        document.domain = 'http://192.168.16.106';
    </script>
</head>

<body>
    <div id="sitecontent" class="transform">
        <div id="header">
            <div id="openlc" class="fl btn">
                <div class="lcbody">
                    <div class="lcitem top">
                        <div class="rect top"></div>
                    </div>
                    <div class="lcitem bottom">
                        <div class="rect bottom"></div>
                    </div>
                </div>
            </div><a id="logo" href="#"><img src="img/cart-logo.png" /></a></div>
        <div class="scrollView">
            <div id="indexPage">
                <div id="mslider">


                    <ul class="slider" id="t-slider">
                        <li>
                            <a>
                                <div class="slider_img"><img src="img/banner1.jpg" class="imgcw" /></div>
                                <div class="slider_info">
                                    <p class="title ellipsis"></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a>
                                <div class="slider_img"><img src="img/banner2.jpg" class="imgcw" /></div>
                                <div class="slider_info">
                                    <p class="title ellipsis"></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a>
                                <div class="slider_img"><img src="img/banner3.jpg" class="imgcw" /></div>
                                <div class="slider_info">
                                    <p class="title ellipsis"></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="clear"></div>

                </div>
                <div id="mproject" class="module">
                    <div class="content">
                        <div class="header">
                            <p class="title">商城热卖</p>
                            <p class="subtitle">Course training</p>
                        </div>
                        <div id="projectlist">

                            <!--yyLayout masonry-->
                            <div class="module-content" id="projectlist">
                                <div class="projectSubList" id="projectSubList_">
                                    <div class="projectSubHeader">
                                        <p class="title"></p>
                                        <p class="subtitle"></p>
                                    </div>
                                    <div class="wrapper">
                                        <ul class="content_list" data-options-sliders="8" data-options-margin="30" data-options-ease="1" data-options-speed="1">
                                            <li id="projectitem_0" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/18.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥ 1135</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_1" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/19.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥135</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_2" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/20.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥205</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_3" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/21.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥699</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_4" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/22.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥435</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_5" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/23.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥1135</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_6" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/24.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥135</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li id="projectitem_7" class="projectitem wow">
                                                <a href="#" class="projectitem_content" target="_blank">
                                                    <div class="projectitem_wrapper">
                                                        <div class="project_img"><img src="img/25.jpg" width="650" height="385" /></div>
                                                        <div class="project_info">
                                                            <div>
                                                                <p class="title">翡翠（A货）项链</p>
                                                                <p class="subtitle">¥684</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <div class="clear"></div>
                                        </ul>
                                    </div>
                                    <!--wrapper-->
                                </div>
                                <!--projectSubList-->
                            </div>
                            <!--projectlist-->
                            <div class="clear"></div>
                        </div>
                        <a href="#" id="projectmore" class="theme-bg">MORE</a></div>
                </div>
                <div id="mservice" class="module">
                    <div class="content">
                        <div class="header">
                            <p class="title">品牌系列</p>
                            <p class="subtitle">SERVICE</p>
                        </div>
                        <div class="slider_wrapper">
                            <ul class="slider">
                                <li class="serviceitem wow fadeIn"><a href="#"><img src="img/44.jpg" width="160" height="60" /></a>
                                    <div>
                                        <a href="#">
                                            <p class="title">邂逅系列(BeMyLove)</p>
                                            <p class="description">网站及网络产品解决方案媒体的核心价值在于其内容，而在当今为内容付费的成功案例 ...</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="serviceitem wow fadeIn"><a href="#"><img src="img/45.jpg" width="160" height="60" /></a>
                                    <div>
                                        <a href="#">
                                            <p class="title">珍爱系列 (天然珍珠)</p>
                                            <p class="description">网站及网络产品解决方案媒体的核心价值在于其内容，而在当今为内容付费的成功案例 ...</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="serviceitem wow fadeIn"><a href="#"><img src="img/46.jpg" width="160" height="60" /></a>
                                    <div>
                                        <a href="#">
                                            <p class="title">匠心系列 (天然翡翠)</p>
                                            <p class="description">网站及网络产品解决方案媒体的核心价值在于其内容，而在当今为内容付费的成功案例 ...</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div><a href="#" class="more theme-bg">MORE</a>
                        <div style="height:0">&nbsp;</div>
                    </div>
                </div>
                <div id="mpage" class="module ">
                    <div class="content">
                        <div class="plr10">
                            <div class="header">
                                <p class="title">关于我们</p>
                                <p class="subtitle">About us</p>
                            </div>
                            <p class="description">专为热爱界面设计的你而倾力打造。这里拥有最无敌的创意、最精美的视觉、最具国际化的意识和前瞻性思维！在你最需要灵感的也许在不知不觉中，它将成为你设计路上的一位好伙伴，在你最需要灵感的时候给予你帮助,当然，我们也需要最热心的你的大力支持 ...</p>
                        </div>
                        <a href="#" class="more theme-bg">MORE</a>
                        <div class="fimg wow fadeIn">
                            <a href="#"><img src="img/about.jpg" /></a>
                        </div>
                    </div>
                </div>
                <div id="mnews" class="module">
                    <div class="content">
                        <div class="header">
                            <p class="title">相关资讯</p>
                            <p class="subtitle">News Center</p>
                        </div>
                        <div id="newslist">
                            <div class="newstitem plr10 wow fadeIn" data-wow-delay="0.0s">
                                <a class="newsinfo" href="#">
                                    <div class="newsimage"><img src="img/150476828158.png" width="auto" height="auto" /></div>
                                    <div class="newsdate">
                                        <p class="md">10-19</p>
                                        <p class="year">2015</p>
                                    </div>
                                    <div class="newsbody">
                                        <p class="title ellipsis">我的极简主义之旅</p>
                                        <p class="description">在购物中心等我的朋友时，我去书店消磨时间。我漫无目的地在商店，我的注意力被吸引到了一本名为“再见，东西，极简的生活'的Fumio Sasaki
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="newstitem plr10 wow fadeIn" data-wow-delay="0.1s">
                                <a class="newsinfo" href="#">
                                    <div class="newsimage"><img src="img/1504770314365.png" width="auto" height="auto" /></div>
                                    <div class="newsdate">
                                        <p class="md">09-18</p>
                                        <p class="year">2015</p>
                                    </div>
                                    <div class="newsbody">
                                        <p class="title ellipsis">学会与人相处，你必须和他们生活在一起。</p>
                                        <p class="description">如果你在一个月前告诉我，一个月的时间内，费用已经付清，我很快就会和我的伴侣搬到一个新的地方......</p>
                                    </div>
                                </a>
                            </div>
                            <div class="newstitem plr10 wow fadeIn" data-wow-delay="0.2s">
                                <a class="newsinfo" href="#">
                                    <div class="newsimage"><img src="img/1504770962126.png" width="auto" height="auto" /></div>
                                    <div class="newsdate">
                                        <p class="md">08-31</p>
                                        <p class="year">2015</p>
                                    </div>
                                    <div class="newsbody">
                                        <p class="title ellipsis">一种能使光线尽量少使用的电话。</p>
                                        <p class="description">轻电话不仅是激动人心的设计产品，更是哲学问题的物理表现。</p>
                                    </div>
                                </a>
                            </div>
                            <div class="newstitem plr10 wow fadeIn" data-wow-delay="0.3s">
                                <a class="newsinfo" href="#">
                                    <div class="newsimage"><img src="img/1504771616595.png" width="auto" height="auto" /></div>
                                    <div class="newsdate">
                                        <p class="md">08-30</p>
                                        <p class="year">2015</p>
                                    </div>
                                    <div class="newsbody">
                                        <p class="title ellipsis">极简主义的生活方式是艰难的。</p>
                                        <p class="description">成为极简主义者是一回事。生活在极简主义者的生活中才是真正的挑战开始的地方。</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <a href="#" class="more theme-bg">MORE</a>
                        <div style="height:0">&nbsp;</div>
                    </div>
                </div>
                <div id="mpartner" class="module">
                    <div class="content">
                        <div class="wrapper">
                            <ul style="width:640px">
                                <li><a href="#" title="WEB1" target="_blank"><img src="img/1460532929454.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="合作伙伴logo1" target="_blank"><img src="img/1451038650682.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="合作伙伴logo4" target="_blank"><img src="img/1451039311523.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="合作伙伴logo2" target="_blank"><img src="img/1451038889783.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="合作伙伴logo3" target="_blank"><img src="img/1451038998591.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="Google" target="_blank"><img src="img/1451039355850.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="合作伙伴logo" target="_blank"><img src="img/1451037714851.png" width="160" height="80" /></a></li>
                                <li><a href="#" title="合作伙伴logo5" target="_blank"><img src="img/1451039609622.png" width="160" height="80" /></a></li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div id="mcontact" class="module">
                    <div class="content plr10 wow fadeIn">
                        <div class="header">
                            <p class="title">联系</p>
                            <p class="subtitle">Contact</p>
                        </div>
                        <div id="contactlist">
                            <div id="contactinfo">
                                <h3 class="ellipsis name">xxx珠宝有限公司</h3>
                                <p class="ellipsis add"><span>地点：</span>中国地区XX分区5A写字楼8-88室</p>
                                <p class="ellipsis zip"><span>邮编：</span>100000</p>
                                <p class="ellipsis tel"><span>电话：</span><a href='#'>400-888-8888</a></p>
                                <p class="ellipsis mobile"><span>手机：</span><a href='#'>188-6666-5188</a></p>
                                <p class="ellipsis fax"><span>传真：</span>000-66668888</p>
                                <p class="ellipsis email"><span>邮箱：</span>website@qq.com</p>
                                <div><a class="fl" href="#"><i class="fa fa-weibo"></i></a> <a id="mpbtn" class="fl" href="#"><i class="fa fa-weixin"></i></a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="footer">
                <p class="plr10"><span>(©) 2017 珠宝集团定制.</span><a class="beian" href="#" style="display:inline; width:auto; color:#8e8e8e" target="_blank"></a></p>
            </div>
            <div id="bgmask" class="iPage hide"></div>
        </div>
    </div>
    <div id="leftcontrol">
        <ul id="nav">
            <li>
                <div id="closelc" class="fr btn hide">
                    <div class="lcbody">
                        <div class="lcitem top">
                            <div class="rect top"></div>
                        </div>
                        <div class="lcitem bottom">
                            <div class="rect bottom"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="navitem active"><a class="transform theme-bg" href="#"><span class="circle transform"></span>首页</a></li>
            <li class="navitem"><a class="transform" href="#"><span class="circle transform"></span>裸钻查询</a></li>
            <li class="navitem"><a class="transform" href="#"><span class="circle transform"></span>散货查询</a></li>
            <li class="navitem"><a class="transform" href="#"><span class="circle transform"></span>品牌系列街</a></li>
            <li class="navitem"><a href="#" class="hassub theme-bg"><span class="circle transform"></span>关于我们<span class="more theme-bg"><span class="h"></span><span class="h v transform"></span></span></a>
                <ul class="subnav transform" data-height="250">
                    <li><a href="#"><i class="fa fa-angle-right"></i>关于我们</a></li>
                    <li><a href="#"><i class="fa fa-angle-right"></i>服务范围</a></li>
                    <li><a href="#"><i class="fa fa-angle-right"></i>企业文化</a></li>
                    <li><a href="#"><i class="fa fa-angle-right"></i>发展历程</a></li>
                    <li><a href="#"><i class="fa fa-angle-right"></i>招聘专栏</a></li>
                </ul>
            </li>
            <li class="navitem"><a class="transform" href="#"><span class="circle transform"></span>成品珠宝</a></li>
        </ul>
    </div>
    <script type="text/javascript">
        var YYConfig = {};
    </script>
    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/zepto.bxslider.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/masonry_4.min.js"></script>
    <script type="text/javascript">
        $(function() {
            new WOW({
                scrollContainer: ".scrollView"
            }).init();
        })
    </script>
    <script type="text/javascript" src="js/org.min.js" data-main="IndexMain"></script>
    <div class="hide">
        <script src="js/stat.js" type="text/javascript"></script>
    </div>
</body>

</html>


<script type="text/javascript">
    $(document).ready(function(e) {
        var img = $(".slider_img img")[0];

        function sliderChulaiba() {
            $('#t-slider').bxSlider({
                nextText: '<i class="fa fa-angle-right"></i>',
                prevText: '<i class="fa fa-angle-left"></i>',
                auto: 0,
                infiniteLoop: true,
                hideControlOnEnd: true,
            });
        }
        if (img.complete) sliderChulaiba();
        else $(".slider_img img")[0].onload = function(e) {
            sliderChulaiba();
        };

        $('#openlc').bind('click', function(){
            $('body').toggleClass('open');
        });
    });
</script>
